<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        
        <title>Personal</title>
    </h:head>
    <h:body>
        <ui:composition template="TemplatePrincipal.xhtml">
            <ui:define name="content">

                <f:view>
                    <br></br><br></br>
                    <h2><p:outputLabel value="LISTA DEL PERSONAL DEL INSTITUTO"/></h2>
                    <h:form id='formP'>
                        <br></br>                
                        <h6><p:commandButton value="ATRÁS" ajax="false" action="indexDivision" icon="ui-icon-arrowthick-1-w"/> &nbsp;                      
                            <p:commandButton value="NUEVO" action="PersonalCrearEditar" actionListener="#{personalBean.prepararNuevo}" icon="ui-icon-plus"/>

                        </h6>                 

                        <p:dataTable value="#{personalBean.personales}" var="item">                           
                            <p:column>
                                <f:facet name="header">
                                    <h5> <h:outputText value="NOMBRE"/></h5>
                                </f:facet>
                                <h:outputText value="#{item.nombre}" style="text-transform:uppercase"/>
                            </p:column>  
                            <p:column>
                                <f:facet name="header">
                                    <h5><h:outputText value="PUESTO"/></h5>
                                </f:facet>
                                <h:outputText value="#{item.puesto}" style="text-transform:uppercase"/>
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h5> <h:outputText value="CARRERA"/></h5>
                                </f:facet>
                                <h:outputText value="#{item.carrera}" style="text-transform:uppercase"/>
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h5> <h:outputText value="ACCIONES" style="text-transform:uppercase"/></h5>
                                </f:facet>
                                <center>
                                    <p:commandButton action="PersonalCrearEditar" actionListener="#{personalBean.prepararEditar}" ajax="false" icon="ui-icon-pencil"/>&nbsp;&nbsp;&nbsp;&nbsp;

                                    <!--p:commandButton action="PersonalConfirmar" actionListener="# {personalBean.prepararRemover}" ajax="false" icon="ui-icon-closethick"/-->  
                                    <p:commandButton actionListener="#{personalBean.prepararRemover}" ajax="true" icon="ui-icon-closethick" update=":formCon:tablaConfP" oncomplete="PF('dlgConfirmar').show()"/>  
                                </center>
                            </p:column>
                        </p:dataTable>
                    </h:form>

                    <h:form id="formCon">
                        <p:dialog widgetVar="dlgConfirmar" >
                            <h:panelGrid columns="2" id="tablaConfP">
                                <h:outputText value="NOMBRE:"/>
                                <h:outputText value="#{personalBean.personal.nombre}" title="Nombre" style="text-transform:uppercase"/>
                                <h:outputText value="PUESTO:"/>
                                <h:outputText value="#{personalBean.personal.puesto}" title="puesto"/>
                                <h:outputText value="CARRERA:"/>
                                <h:outputText value="#{personalBean.personal.carrera}" title="carrera"/>

                                
                                <p:commandButton value="ACEPTAR" actionListener="#{personalBean.procesarAccion}" ajax="true" icon="ui-icon-check" oncomplete="PF('dlgConfirmar').hide()" update=":formP"/>
                                <p:commandButton value="CANCELAR" oncomplete="PF('dlgConfirmar').hide()" immediate="true" ajax="true" icon="ui-icon-close"/>
                            </h:panelGrid>
                        </p:dialog>
                    </h:form>

                </f:view>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

